<div class="bg-white border-grey pt-3 pb-4 px-4 bg-shadow pos-relative">
  <h4 class="mb-3 mt-0">
    Project with video
  </h4>
  <!-- Video embed code -->
  <iframe width="560" height="315" src="https://www.youtube.com/embed/VcjzHMhBtf0?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  <div class="mt-3">
    <p>At camur interdico os pagus. Huic qui saluto valde vero. Camur haero interdico macto populus suscipere. Abdo enim et os refero vero zelus.</p>
    <p>Capto facilisis ille turpis veniam wisi. In populus proprius roto sit sudo. Dolus esse ille illum jus rusticus. Hos iriure loquor refero te vel. At exerci facilisi illum interdico paulatim praesent ratis ulciscor. Bene inhibeo luptatum metuo nimis paratus populus quis utrum.</p>
    <p>Brevitas cui hendrerit sit tamen. Proprius quia uxor voco. Caecus consectetuer imputo iriure refoveo saepius tego. Abdo camur genitus macto uxor.</p>
    <dl class="row text-sm w-lg-50">
      <dt class="col-sm-3"><i class="la la-thumb-tack"></i> Client:</dt>
      <dd class="col-sm-9"><a href="https://wrapbootstrap.com/theme/appstrap-responsive-website-template-WB0C6D0H4?ref=tme">Themelize.me</a></dd>
      <dt class="col-sm-3"><i class="la la-calendar"></i> Date:</dt>
      <dd class="col-sm-9">Feb 2018</dd>
      <dt class="col-sm-3"><i class="la la-tags"></i> Category:</dt>
      <dd class="col-sm-9">Web, Identity</dd>
    </dl>
    <a href="https://wrapbootstrap.com/theme/appstrap-responsive-website-template-WB0C6D0H4?ref=tme" title="View Online" class="btn btn-outline-primary btn-sm btn-rounded btn-bold px-4 py-2">View Online <i class="la la-chevron-right ml-1"></i></a>
  </div>
</div>